<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>works</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<script>
    function isMobile(){
        var ua = navigator.userAgent.toLowerCase();
        var StringPhoneReg = "\\b(ip(hone|od)|android|opera m(ob|in)i"
    + "|windows (phone|ce)|blackberry"
    + "|s(ymbian|eries60|amsung)|p(laybook|alm|rofile/midp"
    + "|laystation portable)|nokia|fennec|htc[-_]"
    + "|mobile|up.browser|[1-4][0-9]{2}x[1-4][0-9]{2})\\b";
        var StringTableReg = "\\b(ipad|tablet|(Nexus 7)|up.browser"
    + "|[1-4][0-9]{2}x[1-4][0-9]{2})\\b";

    var isIphone = ua.match(StringPhoneReg),
        isTable = ua.match(StringTableReg),
        isMobile = isIphone || isTable;

        if(isMobile) {
            window.location.href="m.index.html";
        }else {
            // window.location.href="index.html";
        }
    }
    isMobile();
</script>
    <div class="content">
        <header>
            <div class="logo">
                HUAN
            </div>
            <nav>
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="">关于</a></li>
                    <li><a class="hover" href="">作品</a></li>
                    <li><a href="">联系</a></li>
                </ul>
            </nav>
            <div class="wechat" id="wechat">
                <i><img src="images/dribbble-circle-fill@2x.png" title="主页" alt=""></i>
                <i><img id="weixinShow" src="images/weixin-copy@2x.png" title="" alt=""></i>
                <img id="weixinImg" src="images/weixinShow.jpg" alt="">
            </div>
        </header>
    </div>
    <div class="works">
        <div class="content">
            <ul class="works-main">
                <li class="box clearfix">
                    <div class="img">
                        <img src="images/Untitled 2.gif" alt="">
                    </div>
                    <div class="text">
                        <h2>悦健康APP</h2>
                        <span>app/ui/ux</span>
                        <br>
                        <p>
                            在经过26天的“长途跋涉”并“养精蓄锐”之后，1月3日上午10点26分，
                            低调得似乎都有些淡出公众视野的嫦娥四号月球探测器厚积薄发，
                            完成了人类史航天史上的一项壮举——成功软着陆在月球背面的南极-艾特肯盆地冯卡门撞击坑。
                            至此，这项略显“隐忍不发”色彩的“月球远征计划”终于度过了最困难和最惊险的时刻。
                        </p>
                        <div class="button">
                            Button
                        </div>
                    </div>
                </li>
                <li class="box oddLi clearfix">
                        <div class="text">
                            <h2>悦健康APP</h2>
                            <span>app/ui/ux</span>
                            <br>
                            <p>
                                在经过26天的“长途跋涉”并“养精蓄锐”之后，1月3日上午10点26分，
                                低调得似乎都有些淡出公众视野的嫦娥四号月球探测器厚积薄发，
                                完成了人类史航天史上的一项壮举——成功软着陆在月球背面的南极-艾特肯盆地冯卡门撞击坑。
                                至此，这项略显“隐忍不发”色彩的“月球远征计划”终于度过了最困难和最惊险的时刻。
                            </p>
                            <div class="button">
                                Button
                            </div>
                        </div>
                        <div class="img">
                                <img src="images/bgstar.png" alt="">
                        </div>
                    </li>

                <li class="box clearfix">
                        <div class="img">
                            <img src="images/bgstar.png" alt="">
                        </div>
                        <div class="text">
                            <h2>悦健康APP</h2>
                            <span>app/ui/ux</span>
                            <br>
                            <p>
                                在经过26天的“长途跋涉”并“养精蓄锐”之后，1月3日上午10点26分，
                                低调得似乎都有些淡出公众视野的嫦娥四号月球探测器厚积薄发，
                                完成了人类史航天史上的一项壮举——成功软着陆在月球背面的南极-艾特肯盆地冯卡门撞击坑。
                                至此，这项略显“隐忍不发”色彩的“月球远征计划”终于度过了最困难和最惊险的时刻。
                            </p>
                            <div class="button">
                                Button
                            </div>
                        </div>
                    </li>
                    <li class="box oddLi clearfix">
                            <div class="text">
                                <h2>悦健康APP</h2>
                                <span>app/ui/ux</span>
                                <br>
                                <p>
                                    在经过26天的“长途跋涉”并“养精蓄锐”之后，1月3日上午10点26分，
                                    低调得似乎都有些淡出公众视野的嫦娥四号月球探测器厚积薄发，
                                    完成了人类史航天史上的一项壮举——成功软着陆在月球背面的南极-艾特肯盆地冯卡门撞击坑。
                                    至此，这项略显“隐忍不发”色彩的“月球远征计划”终于度过了最困难和最惊险的时刻。
                                </p>
                                <div class="button">
                                    Button
                                </div>
                            </div>
                            <div class="img">
                                    <img src="images/bgstar.png" alt="">
                            </div>
                        </li>
            </ul>
        </div>
    </div>
    <div class="contact">
        <div class="contact-main">
            <div class="contact1">
                <div class="contact1-main clearfix">
                    <img src="images/weixin-2.png" alt="">
                    <div class="contact1-text">
                        <p>微信</p>
                        <p>/WeChat</p>
                        <p>18235168241</p>
                    </div>
                </div>
            </div>
            <div class="contact1">
                <div class="contact1-main clearfix">
                    <img src="images/mail.png" alt="">
                    <div class="contact1-text">
                        <p>电子邮箱</p>
                        <p>/E-mail</p>
                        <p>821383648@qq.com</p>
                    </div>
                </div>
            </div>
            <div class="contact1">
                <div class="contact1-main clearfix">
                    <img src="images/qq.png" alt="">
                    <div class="contact1-text">
                        <p>QQ号</p>
                        <p>/QQ number</p>
                        <p>821383648</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright">
        <p>zhenghuanle@2017-2018</p>
    </div>
<script src="js/index.js"></script>    
</body>
</html>